

// webpack打包配置规则
const path = require('path')



module.exports = {
    mode: 'development',
    entry: './entry.js',//打包的入口文件 ./同级目录  ../上一级
    output: {
        //mode
        //development 开发环境
        //production 生产环境

        //打包的出口文件
        path: __dirname,//根路径
        filename: 'bundle.js'
    },
    devtool:'source-map',//方便我们在线调试
    module:{
        rules:[
            {
                test:/\.css/,
                use:[
                    'style-loader',
                    'css-loader'
                ]
                // 进行转义
            },
            {
                test:/\.less/,
                use:[
                    'style-loader',
                    'css-loader',
                    'less-loader'
                ]
            },
            {
                test:/\.(scss|sass)/,
                use:[
                    'style-loader',
                    'css-loader',
                    'sass-loader'
                ]
            },
            {
                test:/\.(js|jsx)/,
                exclude:/node_modules/,
                use:["babel-loader"]
            }
        ],
        devServer:{
            host:"localhost",//主机
            port:8080,
            hot:true,
        }
    }
}